.main-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid $bd-color;
    background-color: #FFF;
    text-align: center;
}

.main-footer-left {
    padding: 15px;
    
    h4 {
        margin: 0;
        height: 26px;
        line-height: 26px;
        font-size: 18px;
        font-family: 'PT Sans', sans-serif;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
    }
    .copyright {
        margin: 0;
        height: 18px;
        line-height: 18x;
        font-size: 12px;
        color: $gray;
    }
    .design-by-gt {
        margin: 0;
        height: 18px;
        line-height: 18x;
        font-size: 11px;
        color: #555;
        a {
            color: #555;
            @include transition(0.2s);
            &:hover, &:focus {
                color: #9BC01F;
                text-decoration: underline;
            }
        }
    }
}

.footer-to-top {
    display: inline-block;
    padding: 0 10px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: $gray;
    @include transition(0.2s);
    &:hover, &:focus {
        color: $black;
    }
}

@media screen and (min-width: $vw-small) {
    .main-footer {
        height: 110px;
        padding: 0;
        .wrapper {
            position: relative;
        }
        
        .social-follow {
            position: absolute;
            top: 29px;
            right: 10px;
            span {
                display: inline;
            }
        }
    }
    
    .main-footer-left {
        position: absolute;
        top: 24px;
        left: 10px;
        padding: 0;
        text-align: left;
    }
    
    .footer-to-top {
        margin-top: 35px;
    }
}